import Vue from 'vue';
import Toast2 from './Toast2.vue'
// 1.创建组件构造器
const Toast2Constructor = Vue.extend(Toast2)

function showToast(text, time) {
    // 2.new的方式 创建出一个新的组件对象
    const toast2Dom = new Toast2Constructor({
        // 3.将组件对象 挂载到div元素上
        el: document.createElement('div'),
        data() {
            return {
                message: text,
                isShow:true
            }
        },
    })
    // toast.$el对应的就是div
    document.body.appendChild(toast2Dom.$el);
    setTimeout(() => {
        toast2Dom.isShow = false
    }, time);
}


// 注册为全局组件的函数
function registryToast2() {
     // 将组件注册到 vue 的 原型链里去,
    // 这样就可以在所有 vue 的实例里面使用 this.$toast()
    Vue.prototype.$toast2 = showToast
}

export default registryToast2